*{
    text-decoration:none;
}
#bs-example-navbar-collapse-1>ul>li>a{
    color: #fff;
}
#bs-example-navbar-collapse-1>ul>li>a:hover{
    color: rgb(21, 81, 219);
}
 
//  大图 
.picture{
    width: 100%;
    height: 480px;
    margin-top: -20px;
}
.picture img{
    width: 100%;
    height: 480px;
}
// 公司简介 
.jj{
    width: 100%;
    height: 480px;
    position: relative;
}
.title{
    width: 1312px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-decoration: none;
    margin: 55px 0 0 290px;
    position: absolute;
    text-align: center;
    // color: rgb(red, green, blue);
}
.content{
    width: 1312px;
    height: 290px;
    margin: 130px 0 0 290px ;
    position: absolute;
}
.content img{
    width: 546px;
    height: 214px;
    float: left;
    margin: 33px 0;
}
.jj-c{
    width: 600px;
    height: 290px;
    float: left;
    color: #000;
    margin: 0 60px;
}

// 白鹭科技-优势
.ys{
    width: 100%;
    height: 630px;
    position: relative;
    background: #F7FAFC;
}
.ys-content{
    width: 1312px;
    height: 375px;
    color: #666;
    position: absolute;
    margin: 145px 0 0 290px;
    // background: red;
}
.introduceItem{
    width: 237px;
    height: 375px;
    float: left;
    margin: 0 45px;
    // background: gold;
}
.introduceItem img{
    width: 70px;
    height: 70px;
    margin: 0 0 20px 80px;
}
.itemTitle{
    width: 120px;
    height: 21px;
    margin: 5px auto;
    text-align: center;
}
.itemBorder{
    width: 40px;
    height: 2px;
    margin: 10px auto;
    background:rgb(10, 84, 221);
}

// 白鹭大事记

.ds{
    width: 100%;
    height: 1625px;
    // position: relative;
    // background: pink;
}
.ds-title{
    width: 1312px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-decoration: none;
    margin: 55px 0 0 290px;
    // position: absolute;
    text-align: center;
}
.ds-content{
    width: 1312px;
    height: 1435px;
    margin: 80px 0 0 290px;
    // background: red;
    position: relative;
}
.ds-content img{
    width: 255px;
    height: 150px;
    margin: 0 0 0 0;
}
.ds-content .time1{
    position: absolute;
    margin: 190px 0 0 355px;
}
.ds-content .time2{
    position: absolute;
    margin: 640px 0 0 780px;
}
.ds-content .time3{
    position: absolute;
    margin: 995px 0 0 355px;
}
#timeline{
    width: 500px;
    height: 1315px;
    top: 70px;
    left: 700px;
    list-style: none;
    border-left: 1px solid blue;
    position: relative;
}
#timeline>li{
    
    position: relative;
}
#timeline>.rt img{
    width: 20px;
    height: 20px;
    position: absolute;
    margin: -10px 0 0 -50px;
}
.sj{
    width: 380px;
    position: absolute;
    margin:-35px 0 0 -25px;
    // background: gold;
    display: block;
    float: left;
}
#timeline>.rt{
    margin: 0px 0 100px 0;
}
#timeline>.rt img{
    width: 20px;
    height: 20px;
    position: absolute;

    margin: -10px 0 0 -50px;
}
#timeline>.lt img{
    width: 20px;
    height: 20px;
    position: absolute;
    margin: -10px 0 0 -50px;
}
#timeline>.lt{
    margin: 0px 0 100px 0;
}
#timeline>.lt img{
    width: 20px;
    height: 20px;
    position: absolute;
    margin: -65px 0 0 -50px;
}
.lt>.sj{
    width: 380px;
    // line-height: 0px;
    position: absolute;
    margin:-95px 0 0 -435px;
    // background: gold;
    display: block;
    text-align: right;
    // float: left;
}

// 白鹭荣誉

.ry{
    width: 100%;
    height: 740px;
    background: #F7FAFC;
}

.ry-content{
    width: 1205px;
    height: 530px;
    margin: 70px auto;
    // background: green;
}
.honor{
    width: 570px;
    height: 530px;
    float: left;
    margin: 0 16px;
    background: #FFF;
}
.honorTime{
    width: 570px;
    height: 15px;
    margin-top: -5px;
    background: blue;
    position: relative;
    border-radius: 10px;
}
.honoritem{
    width: 150px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    margin: -7px 0 0 210px;
    background: blue;
    border-radius: 10px;

}
.honortext{
    width: 530px;
    height: 500px;
    list-style: none;
    margin: 20px 0 0 0;
}
.honortext>li{
    margin: 10px auto;
}

.honortext>li>p{
    margin: 0 35px 0 0;
    display:inline;
}


// 联系我们
.lx{
    width: 100%;
    height: 585px;
    // background: pink;
}
.lx-content{
    width: 1300px;
    height: 340px;
    margin: 90px auto;
    // background: #8791A5;
}
.map{
    width: 600px;
    height: 340px;
    float: left;
    margin:0 118px 0 0; 
    // background: green;
    font-size: 40px;
    color: red;
    border: 1px solid black;
}
.phone{
    width: 582px;
    height: 340px;
    float: left;

    // background: red;
}
.phone-text{
    width: 178px;
    height: 225px;
    margin: 70px 0 0 13px;
    float: left;
    // background: gold;
}
.phone-text img{
    width: 40px;
    height: 40px;
    margin: 0 0 0 65px;
}
.phone-title{
    font-size: 15px;
    color: #000;
    margin: 10px 0 0 55px;
}
.phone-btn{
    width: 30px;
    height: 5px;
    background:blue;
    border-radius: 5px;
    margin: 5px 0 0 70px;
}
.phone-word{
    font-size: 20px;
    color: #000;
    margin: 5px 0 0 15px;
}

// 加入我们

.join{
    width: 100%;
    height: 280px;
    position: relative;
}
.join-us{
    position: absolute;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 25px;
    background: blue;
    margin: 105px 0 0 810px;
}
.join-us a{
    text-decoration: none;
    color: #fff;
}
.join p{
    position: absolute;
    font-size: 18px;
    color: #fff;
    margin: 160px 0 0 802px;
}

// 底部
.foot {
    width: 100%;
    height: 180px;
  }
  .foot-big {
    width: 100%;
    height: 140px;
    padding: 15px 0 0 260px;
  }
  .foot-left {
    width: 940px;
    height: 107px;
    line-height: 107px;
    text-align: center;
    float: left;
    border-right: 1px solid #8791A5;
  }
  .foot-left a {
    text-decoration: none;
    font-size: 20px;
    margin: 0 20px;
    color: #fff;
  }
  .foot-left a:hover {
    color: blue;
  }
  .foot-right {
    width: 370px;
    height: 107px;
    float: left;
  }
  .email {
    color: #B5C0D4;
    text-align: center;
  }
  #right-top {
    width: 370px;
    height: 80px;
    line-height: 80px;
    text-align: center;
  }
  #right-top span {
    padding-right: 20px;
  }
  .foot-bj {
    width: 300px;
    height: 150px;
    position: relative;
    margin: -235px 0 0 0;
  }
  .hideImg1 {
    width: 150px;
    height: 150px;
    position: absolute;
    margin: -10px 0 0 10px;
    display: none;
  }
  .hideImg2 {
    width: 150px;
    height: 150px;
    position: absolute;
    margin: -10px 0 0 70px;
    display: none;
  }
  .hideImg3 {
    width: 150px;
    height: 150px;
    position: absolute;
    margin: -10px 0 0 195px;
    display: none;
  }
  .btn {
    width: 100%;
    height: 40px;
    line-height: 25px;
    background: #5C6679;
    color: #fff;
    text-align: center;
  }